<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>musiceye</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<!-- Blueprint Framework CSS -->
	<link rel="stylesheet" href="templates/css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="templates/css/blueprint/print.css" type="text/css" media="print" />
	<!--[if IE]><link rel="stylesheet" href="templates/css/blueprint/lib/ie.css" type="text/css" media="screen, projection" /><![endif]-->

	<link rel="stylesheet" type="text/css" href="templates/css/musiceye.css" />
	<link rel="stylesheet" type="text/css" href="templates/css/musiceye-result.css" />

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3403922-1";
urchinTracker();
</script>

<script type="text/javascript" src="templates/musiceye.js"></script>
</head>

<body>
<div class="container">

<div class="column span-17" id="header">
	<a href="{$smarty.server.SCRIPT_NAME}"><img id="logo" src="templates/gfx/logo.gif" alt="" /></a>
</div>

{*
<div class="column span-4 last" id="menu">
	<a href="index.php">Home</a> | 
	<a href="about.php">About</a>
</div>
*}

<form action="" method="get" name="form">
<div class="column span-12"> 
	<h2>1. <span>What are you looking for?</span></h2>
	<div id="step1_box"> 
		<input type="hidden" name="tag" value="{$smarty.get.tag}" />
		<div id="tagContainer">
			<div id="tagCloud">
		    {foreach item=tag from=$tags}
		    	<a class="tag" style="font-size: {$tag.size}%" id="tag_{$tag.name}" href="#" onclick="javascript:chooseTag('{$tag.name}', this);unset_username(this);unset_artists(this);unset_tag_2(this)">{$tag.name|replace:' ':'&nbsp;'}</a>
		    {/foreach}
	    	</div>
		</div>
	    <div id="lastfmContainer">
	        <div style="float:left">
	        	<div>Custom tag</div>
	        	<div><input type="text" id="tagTextField" name="custom_tag" value="{$smarty.get.custom_tag}" class="textfield" /></div>
	        </div>
	        <div style="float:left">
                <div>Last.fm username</div>
                <div><input type="text" id="tagTextField" name="username" value="{$smarty.get.custom_tag}" class="textfield" /></div>
            </div>
	    	<div style="clear:both"></div>
	    </div>
    </div>
</div>

<div class="column span-6 last"> 
<h2>2. <span>Where?</span></h2>
   	<div style="color: #909090;">Location</div> 
   	<input type="text" id="whereTextField" class="textfield" name="location" value="City, country" onclick="javascript:this.value=''"/>
   <input type="submit" name="submit" class="submit" value="Show events" />
</div>
</form>
</div>
<div class="container">
<div class="column span-20 last">
	<br/>
	{if $cacheArtists eq 1}
	   <div class="warning">Retrieval of data from last.fm still in progress. Please check back in a few minutes for a complete result.</div>
	{/if}
	<p id="venueMeta">{$venueMeta}</p><br/>
	{if $resultLineup neq ""}
		<ol id="hitlist">
	        {foreach item=lineupItem from=$resultLineup name=list}
	        	{if $smarty.foreach.list.index is even}
	           		<li class="hit_0">
	           	{else}
	           		<li class="hit_1">
	           	{/if}
					  <div onclick="">
	                  <div class="hit_number">{"`$smarty.foreach.list.index+1`"}&nbsp;</div>
	                  <div class="hit_avatar"><img src="{$lineupItem->artist->getAvatarThumbnail()}" alt="" /></div>
	                  <div class="hit_container">
	                  	<a class="hitlink" onclick="javascript:ajaxShowArtistBio('{$lineupItem->artist->name|urldecode}','{$smarty.foreach.list.index}');toggleVisibility('result{$smarty.foreach.list.index}','toggle{$smarty.foreach.list.index}','auto');">{$lineupItem->artist->name}</a>
	                   <div class="matchEvent">Event: {$lineupItem->title}</div>
	               {if $lineupItem->artist->weight gte 1}
	                   <div class="matchPercent">{$smarty.get.tag} score: {$lineupItem->artist->weight}</div>
	               {/if}
	               
	                  </div>
	                  <img id="toggle{$smarty.foreach.list.index}" class="toggle_img" src="templates/gfx/more.gif" alt="" onclick="javascript:ajaxShowArtistBio('{$lineupItem->artist->name|urldecode}','{$smarty.foreach.list.index}');toggleVisibility('result{$smarty.foreach.list.index}','toggle{$smarty.foreach.list.index}','auto');"/></div>
	            	  <div id="result{$smarty.foreach.list.index}" class="hit_info" style="display:none">
	            	  	<div class="similar">
	            	  	
                        <b>{$lineupItem->venue->name}</b>
                        <br/>
                        {if $lineupItem->venue->street neq ""}
	                       {$lineupItem->venue->street}<br/>
	                    {/if}
                        {if $lineupItem->venue->postalcode neq ""}
                           {$lineupItem->venue->postalcode}<br/>
                        {/if}
                        {$lineupItem->startDate} {$lineupItem->startTime}<br>
                        
	            	</div>
	            	<div class="artistBio" id="artistBio_{$smarty.foreach.list.index}">Loading info..</div>
	            </div><div style="clear:both"></div></li>
	    {/foreach}
	    </ol>
    {/if}
    <br/>
    <img src="./templates/gfx/audioscrobbler2.gif" alt="audioscrobbler" />
    &copy; 2008 <a href="http://www.inevitable.no" class="system">Inevitable DA</a>
</div>

</div>
</body>
</html>